import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

// const routes = [
//   {
//     path: '',
//     redirect: '/index'
//   },
//   {
//     path: '/index',
//     name: 'Main',
//     component: () => import('views/Main.vue')
//   },
//   {
//     path: '/vuex01',
//     name: 'Vuex01',
//     component: () => import('@/views/test/Vuex01.vue')
//   },
//   {
//     path: '/el/table',
//     name: 'Table',
//     component: () => import('views/element/Table.vue')
//   },
//   {
//     path: '/el/form',
//     name: 'Form',
//     component: () => import('views/element/Form.vue')
//   },
//   {
//     path: '/el/search',
//     name: 'Search',
//     component: () => import('views/element/SearchChoice.vue')
//   }
// ]

const Main = () => import('@/views/Main.vue')
const Home = () => import('@/views/Home/Home.vue')
const VideoManage = () => import('@/views/VideoManage/VideoManage.vue')
const UserManage = () => import('@/views/UserManage/UserManage.vue')
const PageOne = () => import('@/views/Other/PageOne.vue')
const PageTwo = () => import('@/views/Other/PageTwo.vue')


// const routes = [
//     {
//         path: '/',
//         redirect: '/login'
//     },
//     {
//         path: '/main',
//         component: Main,
//         children: [
//             {
//                 path: '/home',
//                 name: 'home',
//                 component: Home
//             },
//             {
//                 path: '/video',
//                 name: 'video',
//                 component: VideoManage
//             },
//             {
//                 path: '/user',
//                 name: 'user',
//                 component: UserManage
//             },
//             {
//                 path: '/page1',
//                 name: 'page1',
//                 component: PageOne
//             },
//             {
//                 path: '/page2',
//                 name: 'page2',
//                 component: PageTwo
//             }
//         ]
//     },
//     {
//         path: '/login',
//         name: 'login',
//         component: () => import('@/views/Login/Login')
//     }
// ]

const routes = [
    // {
    //     path: '/',
    //     redirect: {
    //         name: 'login'
    //     }
    // },
    {
        path: '/login',
        name: 'login',
        component: () => import('@/views/Login/Login.vue')
    },
    {
        path: '/page',
        name: 'Page',
        component: () => import('@/views/test/Page')
    }
]


const router = new VueRouter({
    mode: 'history',
    // base: process.env.BASE_URL,
    routes
})

export default router
